import React from 'react';
class Counter extends React.Component {
    state = {
      count:100
    }
    fn(e,n){
      // fn 是一个共有属性
      console.log(this,e,n)
    }
    fn2 = (e)=>{
      // fn2 是一个私有属性
      console.log(this,e)
    }
    render() {
        let {count } = this.state;
        return <div className=''>
            <h1>当前数字是{count}</h1>
            {/* react 中的事件绑定 都是  on事件名(驼峰命名) = {对应的函数体} */}
            <button onClick={this.fn}>+</button>
            <button onClick={()=>{console.log(this)}}>-</button>
            <button onClick={(e)=>{this.fn(e,200)}}>++</button>
            <button onClick={this.fn.bind(this,200)}>+++</button>
            <button onClick={this.fn2}>--</button>
        </div>;
    }
}
export default Counter